let btn = document.getElementById("commit");
var block=document.getElementById("block");
btn.onclick=function(){
    //往留言板添加文本
    //获取输入框内容
    var input=document.getElementById("in");
    //创建节点
    var div=document.createElement("div");
    //设置div文字为input中内容
    div.innerText=input.value;
    //设置div的css样式
    div.style.border="1px solid red";
    //添加节点
    block.insertBefore(div,block.firstChild);

    //删除留言板文本
    //创建删除按钮
    var deBtn=document.createElement("button");
    //设置删除按钮css的类名设置名为delete的类
    deBtn.className='delete';
    deBtn.innerText='X';
    deBtn.onclick=function(){
        //删除block的子:的父节点
        //block -> <div> -> <button>的父=<div>
        block.removeChild(this.parentNode);
    }
    div.appendChild(deBtn);
}